<!DOCTYPE html>
<html lang="zh-cn">

<head>
	<meta charset="utf-8" />
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>testIndex</title>
</head>

<body>

	<!-- start -->
	<div id="app"></div>
	<!-- end -->

</body>

<template id="mineTpl">
	<div>
		<h2>mineTpl</h2>
		<test-cpn></test-cpn>
		<test-cpn></test-cpn>
		<test-cpn></test-cpn>
	</div>
</template>

<!-- js start -->
<script src="https://unpkg.com/vue@2.6/dist/vue.min.js"></script>
<script type="text/javascript" src="./cpns/testCpn.js"></script>
<script type="text/javascript">
	Vue.config.productionTip = false;

	// 在 #app 标签下渲染一个按钮组件
	new Vue({
		el: '#app',
		template: document.querySelector('#mineTpl'),
		components: {
			testCpn
		},
		data() {
			return {}
		},
		methods: {}
	});

</script>

</html>